<script type="text/javascript" src="/phase2/js/userProfile.js"></script>

<div id="userProfileContainer" class="hide" style ='border:1px solid;border-radius:5px;border-color:#A1A1A1' >
			
			<div style="background-color: #E8F1FA;color: #000000;margin:5px;  font-size: 12px; font-weight: bold;height:26px" class="bold" font="">
				<img width="5px" height="20px" src="/phase2/images/spacer.gif">
				My Profile
				&nbsp;&nbsp;<span class="throbberOff" id="userProfile_activity_throbber"></span>
			</div>
			
			<div class="sub_contain">
				<form id="from_user_register"  onSubmit="return false" method='Post'>
				<table border="0" cellspacing="1" cellpadding="3" width="90%" style="margin-left:30px;" >
					<tr>
						<td><div class="lable">Salutation<span class="redtxt">*</span>:</div></td>
						<td><div class="w150 "><select class="listbox w80" id="reg_salutation" name="reg_salutation">
							<option value="" selected="selected">Mr.</option>
							<option value="">Miss</option>
							<option value="">Dr.</option>
						</select></div></td>
						<td><div class="lable">First Name<span class="redtxt">*</span>:</div</td>
						<td><div class="w150 "><input type="text" class="textbox" id="fname" title="First Name" data-validate="validate(required)" /></div></td>
						<td><div class="lable">Last Name<span class="redtxt">*</span>:</div</td>
						<td><div class="w150 "><input type="text" class="textbox"  id="lname" title="Last Name" data-validate="validate(required)" /></div></td>
					</tr>
					<tr>
						<td colspan="8"><img height="10px" src="images/spacer.gif"></td>
					</tr>
					<tr>
						<td><div class="lable">Email<span class="redtxt">*</span>:</div</td>
						<td><div class="w150"><input type="text" class="textbox" id="username" title="Email" data-validate="validate(required,email)" /></div></td>
						<td><div class="lable">Phone Number:</div</td>
						<td><div class="w150 "><input type="text" class="textbox"  id="phoneNumber" /></div></td>
						<td><div class="lable">Fax:</div</td>
						<td><div class="w150"><input type="text" class="textbox" name="fax" id="faxNumber" /></div></td>
						
					</tr>
					<tr>
						<td colspan="6"><img height="10px" src="images/spacer.gif"></td>
					</tr>
					<tr>
						<td><div class="lable">Address Line 1<span class="redtxt">*</span>:</div</td>
						<td><div class="w150 "><input type="text" class="textbox"  id="addr_line1" title="Address" data-validate="validate(required)" /></div></td>
						<td><div class="lable">Address Line 2:</div</td>
						<td><div class="w150 "><input type="text" class="textbox"  id="addr_line2" /></div></td>
						<td><div class="lable">Address Line 3:</div</td>
						<td><div class="w150"><input type="text" class="textbox" name="address_3" id="address_3" /></div></td>
					</tr>
					<tr>
						<td colspan="6"><img height="10px" src="images/spacer.gif"></td>
					</tr>
					<tr>
						<td><div class="lable">City<span class="redtxt">*</span>:</div</td>
						<td><div class="w150 "><input type="text" class="textbox"  id="city" title="City" data-validate="validate(required)" /></div></td>
						<td><div class="lable">State:</div</td>
						<td><div class="w150 "><input type="text" class="textbox"  id="state" /></div></td>
						<td><div class="lable">Zip:</div</td>
						<td><div class="w150 "><input type="text" class="textbox"  id="zip" /></div></td>
					</tr>
					<tr>
						<td colspan="6"><img height="10px" src="images/spacer.gif"></td>
					</tr>
					<tr>
						<td><div class="lable">Country:</div</td>
						<td><div class="w150"><select id="country" name="country" class="listbox w130">
							<option value="" selected="selected">Select Country</option>
							<option value="">United States</option>
							<option value="">Others</option>
						</select></div></td>
						<td><div class="lable">Delivery Information:</div></td>
						<td colspan="4"><div class="w150 "><textarea class="textarea" name="dev_info" id="deliveryNote"></textarea></div></td>
					</tr>
					<tr>
						<td colspan="6"><img height="10px" src="images/spacer.gif"></td>
					</tr>
					
					<tr>
						<td colspan="6" align="center" class="">
								<input type="Submit" onClick ='updateUserProfile();' class=" ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" value="Update My Profile" />
								
								<input type="button" onClick ='resetUserProfile();'  class=" ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" value="Cancel" />
						</td>
						
						
					</tr>
				</table>
				</form>
			</div>
		</div>	